import { defineComponent, Fragment } from 'vue';
import ErrorImage from "@/assets/images/error.png";
import Error404Image from "@/assets/images/404.png";
import Styles from "./1080.module.scss";
import { ElButton, ElResult } from 'element-plus';
import { useRouter } from 'vue-router';

export default defineComponent({
    setup() {

        const router = useRouter();

        return () => (<>
            <ElResult title='404' sub-title='抱歉，你访问的页面不存在。'>
                {{
                    icon:()=>{
                        return <img class={Styles.img} src={Error404Image} ></img>
                    },
                    extra:()=>{
                        return <ElButton type="primary" onClick={()=>{
                            router.push('/');
                        }}>返回首页</ElButton>
                    }
                }}
            </ElResult>
        </>);
    }
})